import React from 'react'
import styles from './ProductListPlus.css'
class ProductListPlus extends React.Component{
  constructor(props){
    super(props)
    console.log(props)
  }
  render(){
    return (
      <div className={styles.container}>
        <ul className={styles.p_ul}>
          {
            this.props.puoductLists.map((item,i)=>{
              return (
                <li className={styles.p_list} key={i}>
                  <img className={styles.img_bg} src={item.avatar}/>
                  <div className={styles.lists_r}>
                    <div className={styles.list_title}>{item.title}</div>
                    <div className={styles.list_price}>￥{item.price}</div>
                    <div className={styles.list_bottom}>
                      <span>{item.comment}条评论</span>
                      <span className={styles.nice}>{item.nice}好评</span>
                    </div>
                  </div>
                </li>
              )
            })
          }
        </ul>
      </div>
    )
  }
}
export default ProductListPlus
